<ul class="list fl">
    <c:forEach items="${list}" var="article">
        <li class="clear">
            <img class="fl" src="${article.imgPath}" alt="">
            <div class="fl info">
                <div class="title">${article.title}</div>
                <p>${fn:substring(article.digest, 0, 200)}</p>
                <p>主讲：
                    <span>${article.shortTitle}</span>时长：
                    <span>${article.subTitle}</span>播放次数：
                    <span>${article.clickNum}次</span>
                </p>
                <p>
                    <a href="http://${article.articleUrl}" title="${article.title}">立即观看</a>
                    <a href="http://p.qiao.baidu.com/cps/chat?siteId=9115730&userId=21029816">立即咨询</a>
                </p>
            </div>
        </li>
    </c:forEach>
</ul>

<!-- <ul class="list fl">
    <li class="clear">
        <img class="fl" src="../../img/product-item-1.png" alt="">
        <div class="fl info">
            <div class="title">白洁药一免费试听</div>
            <p>2017执业药师考试药学专业知识一白洁免费试听课</p>
            <p>主讲：
                <span>白洁</span>时长：
                <span>24分07秒</span>播放次数：
                <span>356次</span>
            </p>
            <p>
                <a href="">立即观看</a>
                <a href="">立即咨询</a>
            </p>
        </div>
    </li>
</ul> -->